<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/common/master.css" />
	<link rel="stylesheet" type="text/css" href="../css/npc/npc.css" />
	<link rel="stylesheet" type="text/css" href="../css/defaultcss.css" />
	<link rel="stylesheet" type="text/css" href="../css/amazeui.min.css" />
	<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="../layer/layer.js"></script>
	<script type="text/javascript" src="../js/index.js"></script>
	<script src='../js/amazeui.min.js'></script>
	<script src='../js/flex.js'></script>
	<link rel="stylesheet" href="../css/weui.min.css">
	<style lang="">
		.man_list .list {
			padding: 0 0.4rem;
			width: 100%;
			padding-top: 0.26667rem;
			box-sizing: border-box;
		}

		.man_list .list li {
			display: flex;
			margin-bottom: 0.4rem;
			padding-bottom: 0.21333rem;
			border-bottom: 1px dashed #009696;
		}

		.man_list .list li .list_img {
			width: 2.02667rem;
			height: 2.02667rem;
			padding: 0.06667rem;
			box-sizing: border-box;
			margin-top: 0.10667rem;
			border-radius: 0.13333rem;
			border: 1px dashed #009696;
		}

		.man_list .list li .list_img img {
			width: 100%;
		}

		.man_list .list li .list_detail {
			display: flex;
			flex-direction: column;
			padding-left: 0.33333rem;
			width: 100%;
			color: #666;
			font-size: 0.32rem;
			flex: 1;
		}

		.man_list .list li .list_detail .name {
			line-height: 1;
		}

		.man_list .list li .list_detail .name .sex {
			margin-left: 0.13333rem;
		}

		.man_list .list li .list_detail .post {
			line-height: 1;
			margin: 0.21333rem 0;
		}

		.man_list .list li .list_detail .intro {
			color: #999;
		}
	</style>
</head>

<body>
	<header class="text-center bg-blue">
		<a href="javascript:void(0);" class="pull-left" onClick="javascript:history.back()"></a>
		<span>代表委员联络</span>
	</header>
	<div class="bt-button list-article">
		<div class="fixed  box-shadow">
			<a class="pull-left width-25 text-center text-auto" href="list.html">联络工作动态</a>
			<a class="pull-left width-25 text-center text-auto" href="list2.html">建议提案办理</a>
			<a class="pull-left width-25 text-center text-auto cur" href="list3.html">代表委员风采</a>
			<a class="pull-left width-25 text-center text-auto" href="list4.html">检察专区</a>
		</div>
	</div>
	<div class="content consult_help man_list ">
		<ul class="list" id="manList">
			<li>
				<div class="list_img">
					<img src="../img/qsnwq/img.png" alt="">
				</div>
				<div class="list_detail">
					<div class="name">
						<span>name </span><span class="sex">sex 
                        </span>
					</div>
					<div class="post">
						position
					</div>
					<div class="intro">
						任务介绍 任务介绍 任务介绍 任务介绍
					</div>
				</div>
			</li>
		</ul>
		<!--<div class="loading" id="loading">
			<img src="../img/loading.gif" alt="">
		</div>-->
		<!--<div class='loadData' id="loadData">
			<span class='line line1'>
			</span>
			<span>
				已经到底啦~
			</span>
			<span class='line line2'>
			</span>
		</div>-->
	</div>
</body>

</html>